Don't let lightness kill your saturation 不要讓亮度影響飽和度

在調整顏色時,有一個重要的規律:當顏色變得特別亮或特別暗時,它們會看起來不那麼鮮豔。比如說,一個顏色在中等亮度時最鮮豔,而在很亮或很暗時就會顯得比較淡。

要解決這個問題很簡單:當你把顏色調得更亮或更暗時,同時也要把它調得更鮮豔一些。這樣可以保持顏色的活力。

雖然這種變化不是特別明顯,但在設計中很重要,尤其是當你在介面上使用大片的顏色時。不過這裡有個問題:如果顏色已經調到最鮮豔(100%飽和度)了,該怎麼辦呢?

Use perceived brightness to your advantage 充分利用感知亮度

來做個小測試:你覺得黃色和藍色哪個看起來更亮?

你可能會說是黃色。有趣的是,雖然這兩種顏色在技術上的亮度值是一樣的,但我們的眼睛就是會覺得黃色更亮。

這是因為每種顏色天生就有自己的明暗感。這跟我們人眼看顏色的方式有關。實際上,我們可以用一個數學公式來計算顏色給人的明暗感:

我們把所有顏色都設定成相同的飽和度(100%)和亮度(50%),然後觀察不同顏色的樣本,這樣就能看出人眼對不同顏色的亮度感知有什麼不同。

結果很有趣:黃色看起來確實比藍色更亮。更讓人意外的是,顏色的亮度感知並不是均勻變化的。在色輪上,有三種顏色看起來特別暗(紅色、綠色和藍色),也有三種顏色看起來特別亮(黃色、青色和品紅色)。

X軸(HUE):色相(即顏色的種類),從紅→黃→綠→青→藍→紫→紅的色環,範圍從0°到360°。Y軸(LUMINOSITY):人眼感受到的亮度(感知亮度),越高表示越“亮”。

如何運用這個知識來調整顏色呢?

Changing brightness by rotating hue 調整顏色的色相(顏色的基本色調)

一般來說,當我們想讓顏色變亮或變暗時,會直接調整亮度。但這樣做往往會讓顏色變得發白或發灰,失去原有的生動感。

H色相不變的情況下,單獨調節L50%-75% 雖然顏色變淺了,但顏色顯得是灰白色,不夠豔麗

原理:透過H色相微調顏色的明度感知,CMY 青色,品紅,黃方向是將顏色調亮的,而RGB 紅,綠,藍 屍僵顏色調暗的

想讓顏色變亮?把它往最近的亮色調整:

在L亮度不變的情況下(50%)將H由210調整為190(向青色靠近)能達到提亮的效果同時顏色不會發灰白

想讓顏色變暗?把它往最近的暗色調整:

這個技巧在處理黃色時特別有用。比如,當你想讓黃色變暗時,可以稍微往橙色方向調整,這樣顏色會顯得更溫暖自然,而不是變得灰暗。

你也可以把調整色相和調整亮度兩種方法結合使用。不過要注意,調整色相時要適度,建議不要超過20-30度,否則可能會顯得像換了一個完全不同的顏色。